﻿
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>千净</title>

       <style type="text/css">
        body
        {
         padding: 0px; 
         margin: 0px auto;  
         font-family: Microsoft YaHei ,微软雅黑,Microsoft JhengHei,华文细黑,STHeiti,MingLiu;
         }

    </style>

    <script type="text/javascript">

        function gotopage() {
            window.location.href = "http://www.qianjing-china.com/thousandClear/admin/Service?order=" + getQueryString("order") + "&i=" + getQueryString("i");
            return;
        }

        function getQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = location.search.substr(1).match(reg);
            if (r != null) return unescape(decodeURI(r[2])); return null;
        }

    </script>

</head>
<body>

    <div id="divMain" style="width:100%; position:fixed; left:0px; top:0px; z-index:99999; background-color:white; filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;">

        <img src="~/Statics/Images/Activity/load.gif" style="position:fixed; width:10%; left:40%; top:40%" />
    </div>

    <div id="app">

        <table cellpadding="0px" cellspacing="0px" style="width:100%;">
            <tr>
                <td align="right" style="height:30px; width:30%;">
                    <span class="title">
                        客户:
                    </span>
                </td>
                <td style="width:3%;"></td>
                <td align="left">
                    <span class="desc">
                        @ViewBag.oasName
                    </span>

                </td>
            </tr>
            <tr>
                <td align="right" style="height:30px; width:25%;">
                    <span class="title">
                        联系电话:
                    </span>
                </td>
                <td style="width:3%;"></td>
                <td align="left">
                    <span class="desc">
                        @ViewBag.osaPhone
                    </span>

                </td>
            </tr>
            <tr>
                <td align="right" style="height:30px; width:25%;">
                    <span class="title">
                        详细地址:
                    </span>
                </td>
                <td style="width:3%;"></td>
                <td align="left">
                    <span class="desc">
                        @ViewBag.oasAddressDetail
                    </span>

                </td>
            </tr>
            <tr>
                <td align="right" style="height:30px; width:25%;">
                    <span class="title">
                        服务类型:
                    </span>
                </td>
                <td style="width:3%;"></td>
                <td align="left">
                    @if (ViewBag.type == 1)
                    {
                        <span class="desc">
                            单次体验
                        </span>
                    }
                    @if (ViewBag.type == 2)
                    {
                        <span class="desc">
                            签约千净(季度卡)
                        </span>
                    }
                    @if (ViewBag.type == 3)
                    {
                        <span class="desc">
                            签约千净(半年卡)
                        </span>
                    }
                    @if (ViewBag.type == 4)
                    {
                        <span class="desc">
                            签约千净(全年卡)
                        </span>
                    }
                    @if (ViewBag.type == 6)
                    {
                        <span class="desc">
                            签约千净(月卡)
                        </span>
                    }
                    @if (ViewBag.type == 5)
                    {
                        <span class="desc">
                            单项
                        </span>
                    }
                </td>
            </tr>
            <tr>
                <td align="right" style="height:30px; width:25%;">
                    <span class="title">
                        每月次数:
                    </span>
                </td>
                <td style="width:3%;"></td>
                <td align="left">
                    <span class="desc">
                        @ViewBag.ogsTimeMonth /次
                    </span>

                </td>
            </tr>
            <tr>
                <td align="right" style="height:30px; width:25%;">
                    <span class="title">
                        开卡时长:
                    </span>
                </td>
                <td style="width:3%;"></td>
                <td align="left">
                    <span class="desc">
                        @ViewBag.ogsSignTime /月
                    </span>
                </td>
            </tr>
            <tr>
                <td align="right" style="height:30px; width:25%;">
                    <span class="title">
                        赠送时长:
                    </span>
                </td>
                <td style="width:3%;"></td>
                <td align="left">
                    <span class="desc">
                        @if (ViewBag.ogsTimeMonth > 1)
                        {
                            @(((ViewBag.ogsTime - ViewBag.ogsTimeMonth * ViewBag.ogsSignTime) / ViewBag.ogsTimeMonth) < 0 ? 0 : ((ViewBag.ogsTime - ViewBag.ogsTimeMonth * ViewBag.ogsSignTime) / ViewBag.ogsTimeMonth))<span>个月</span>
                        }

                        @if (ViewBag.ogsTimeMonth <= 1)
                        {
                            <span>0个月</span>
                        }
                    </span>
                </td>
            </tr>
            <tr>
                <td align="right" style="height:30px; width:25%;">
                    <span class="title">
                        开始日期:
                    </span>
                </td>
                <td style="width:3%;"></td>
                <td align="left">
                    <span class="desc">
                        @ViewBag.startDay
                    </span>
                </td>
            </tr>
            <tr>
                <td align="right" style="height:30px; width:25%;">
                    <span class="title">
                        结束日期:
                    </span>
                </td>
                <td style="width:3%;"></td>
                <td align="left">
                    <span class="desc">
                        @ViewBag.endDay
                    </span>

                </td>
            </tr>
            <tr>
                <td align="right" style="height:30px; width:25%;">
                    <span class="title">
                        日常总次数:
                    </span>
                </td>
                <td style="width:3%;"></td>
                <td align="left">
                    <span class="desc">
                        @(ViewBag.ogsTime + ViewBag.yue) /次
                    </span>
                </td>
            </tr>
            <tr>
                <td align="right" style="height:30px; width:25%;">
                    <span class="title">
                        日常剩余次数:
                    </span>
                </td>
                <td style="width:3%;"></td>
                <td align="left">
                    <span class="desc">
                        @(ViewBag.toTime ) /次
                    </span>
                </td>
            </tr>
            <tr>
                <td align="right" style="height:30px; width:25%;">
                    <span class="title">
                        专项总次数:
                    </span>
                </td>
                <td style="width:3%;"></td>
                <td align="left">
                    <span class="desc">
                        @(ViewBag.ogsSeqNum + ViewBag.toZengSongLieji)/次
                    </span>

                </td>
            </tr>
            <tr>
                <td align="right" style="height:30px; width:25%;">
                    <span class="title">
                        专项剩余次数:
                    </span>
                </td>
                <td style="width:3%;"></td>
                <td align="left">
                    <span class="desc">
                        @ViewBag.a  /次
                    </span>

                </td>
            </tr>

        </table>

        <a v-on:tap="goUpdate" style="width:60%; background-color:dodgerblue; text-align:center; color:white; height:30px; line-height:30px; display: block; margin-left: 20%; border-radius: 5px; padding: 10px 0px; ">@ViewBag.custi 签到</a>

    </div>
</body>


</html>
@section Scripts{
    @Scripts.Render("~/jsbundles/consumer/subscribe")
    <script>
        $(function() {
          
            $("#divMain").css("height",$(window).height()+"px");
            closeLoading();
        });

        function showLoading(){
        
            $("#divMain").css("display","");
        }

        function closeLoading(){
        
            $("#divMain").css("display","none");
        }
        var model = new Vue({
            el: '#app',
            data: {},
            methods: {
                goUpdate: function () {
                    showLoading();
                    var data1 = '{"order":"' +@ViewBag.custorder +'","i":"' +@ViewBag.ci +'"}';
                   
                    $.ajax({
                        type: "POST",
                        url: "http://www.qianjing-china.com/thousandClear/Admin/Service/UpdateAuntInfo",
                        data: data1,
                        contentType: "application/json",
                        success: function (data) {
                            window.location.replace("http://www.qianjing-china.com/thousandClear/Admin/Service/Result?order="+@ViewBag.custorder+"&i="+data);
                        }
                    });


                }
            }
        })
    </script>

}